@charset "utf-8";
/* 重新定义layui的CSS  */
body {
	line-height:24px;
	font:14px 微软雅黑,Microsoft YaHei UI,Arial,sans-serif
}
.layui-nav {
	position: relative;
	padding: 0 20px;
	background-color: #4C8DCF;
	background-color: #ccc;
	color: #666;
	border-radius: 2px;
	font-size: 0;
	box-sizing: border-box
}
.layui-nav * {
	font-size:14px
}
.layui-nav .layui-nav-item {
	position:relative;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
	line-height:60px
}
.layui-nav .layui-nav-item a {
	display:block;
	padding:0 20px;
	color:#fff;
	color:rgba(255,255,255,.7);
	transition:all .3s;
	-webkit-transition:all .3s
}
.layui-nav .layui-this:after,.layui-nav-bar,.layui-nav-tree .layui-nav-itemed:after {
	position:absolute;
	left:0;
	top:0;
	width:0;
	height:5px;
	background-color:#0066cc;
	transition:all .2s;
	-webkit-transition:all .2s
}
.layui-nav-bar {
	z-index:1000
}
.layui-nav .layui-nav-item a:hover,.layui-nav .layui-this a {
	color:#fff
}
.layui-nav .layui-this:after {
	content:'';
	top:auto;
	bottom:0;
	width:100%
}
.layui-nav-img {
	width:30px;
	height:30px;
	margin-right:10px;
	border-radius:50%
}
.layui-nav .layui-nav-more {
	content:'';
	width:0;
	height:0;
	border-style:solid dashed dashed;
	border-color:#fff transparent transparent;
	overflow:hidden;
	cursor:pointer;
	transition:all .2s;
	-webkit-transition:all .2s;
	position:absolute;
	top:50%;
	right:3px;
	margin-top:-3px;
	border-width:6px;
	border-top-color:rgba(255,255,255,.7)
}
.layui-nav .layui-nav-mored,.layui-nav-itemed>a .layui-nav-more {
	margin-top:-9px;
	border-style:dashed dashed solid;
	border-color:transparent transparent #fff
}
.layui-nav-child {
	display:none;
	position:absolute;
	left:0;
	top:65px;
	min-width:100%;
	line-height:36px;
	padding:5px 0;
	box-shadow:0 2px 4px rgba(0,0,0,.12);
	border:1px solid #d2d2d2;
	background-color:#fff;
	z-index:100;
	border-radius:2px;
	white-space:nowrap
}
.layui-nav .layui-nav-child a {
	color:#333
}
.layui-nav .layui-nav-child a:hover {
	background-color:#f2f2f2;
	color:#000
}
.layui-nav-child dd {
	position:relative
}
.layui-nav .layui-nav-child dd.layui-this a,.layui-nav-child dd.layui-this {
	background-color:#0066cc;
	color:#fff
}
.layui-nav-child dd.layui-this:after {
	display:none
}
.layui-nav-tree {
	width:100%;
	padding:0
}

.layui-nav-tree .layui-nav-item {
	display:block;
	width:100%;
	line-height:45px
}
.layui-nav-tree .layui-nav-item a {
	position:relative;
	height:45px;
	line-height:45px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap
}
.layui-nav-tree .layui-nav-item a:hover {
	background-color:#1A75CF;
}
.layui-nav-tree .layui-nav-bar {
	width:5px;
	height:0;
	background-color:#0066cc
}
.layui-nav-tree .layui-nav-child dd.layui-this,.layui-nav-tree .layui-nav-child dd.layui-this a,.layui-nav-tree .layui-this,.layui-nav-tree .layui-this>a,.layui-nav-tree .layui-this>a:hover {
	background-color:#0066cc;
	color:#fff
}
.layui-nav-tree .layui-this:after {
	display:none
}
.layui-nav-itemed>a,.layui-nav-tree .layui-nav-title a,.layui-nav-tree .layui-nav-title a:hover {
	color:#fff!important
}
.layui-nav-tree .layui-nav-child {
	position:relative;
	z-index:0;
	top:0;
	border:none;
	box-shadow:none
}
.layui-nav-tree .layui-nav-child a {
	height:40px;
	line-height:40px;
	color:#fff;
	color:rgba(255,255,255,.7);
	color:#666;	
}
.layui-nav-tree .layui-nav-child,.layui-nav-tree .layui-nav-child a:hover {
	background:0 0;
	color:#0066CC;
}
.layui-nav-tree .layui-nav-more {
	right:10px
}
.layui-nav-itemed>.layui-nav-child {
	display:block;
	padding:0;
/*	background-color:rgba(0,0,0,.3)!important;*/
	background-color: #FFFFFF!important;
}
.layui-nav-itemed>.layui-nav-child>.layui-this>.layui-nav-child {
	display:block
}
.pro-left-nav{
/*	border: 1px #0066cc solid;*/
}
.pro-left-title{
	padding: 12px 20px;
	margin: 0px auto;
	font-size: 16px;
	background-color: #0066CC;
	color: #FFFFFF;
	text-align: center;
}
.category{
/*	padding: 15px;*/
	padding: 20px 0;
	
}
#productlist a{
	
}
.list{
    border: 1px solid #E4E4E4;
    margin-bottom: 15px;
    padding: 0 15px;
}

/* ================ products Section ================== */
.products-item {
	line-height:24px;
	font:14px 微软雅黑,Microsoft YaHei UI,Arial,sans-serif;
	margin-bottom: 30px;
	padding: 10px 10px 5px 10px;
	box-shadow: 0 1px 1px 0 rgba(25, 25, 25, 0.12);
	background-color: #ffffff;
}
.products-item h5{
	padding-top: 15px;
	text-align: center;
}
.products-item:hover {
	box-shadow: 0 15px 30px 0 rgba(25, 25, 25, 0.12);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0);
}
.products-item .products-title {
	padding-top: 20px;
}
.products-item .hr {
	border-bottom: 1px solid #00a3e4;
	margin: 10px auto;
}
.products-item li {
	font-size: 12px;
	content: ".";
	color: #00a3e4;
}
@media (min-width: 768px) {
	.products-item{min-height: 210px;}
	.related-pro{min-height: 160px;}

}
/* helper classes */
.section-padding {
	/*padding-top: 120px;*/
	padding-top: 90px;
	padding-bottom: 90px;
}
@media (max-width: 768px) {
	.section-padding {
	padding-top: 35px;
	padding-bottom: 35px;
	}
}
.darker-bg {
	background: #f4f7f7;
}
/*栅格分5份*/
.col-xs-2-5,.col-sm-2-5,.col-md-2-5,.col-lg-2-5 {
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

.col-xs-2-5 {
  width: 20%;
  float: left;
}

@media (min-width: 768px) {
  .col-sm-2-5 {
    width: 20%;
    float: left;
  }
}

@media (min-width: 992px) {
  .col-md-2-5 {
    width: 20%;
    float: left;
  }
}

@media (min-width: 1200px) {
  .col-lg-2-5 {
    width: 20%;
    float: left;
  }
}
/*bananer*/
.page-title {
	background: url("../img/about-banner.jpg") no-repeat;
	background-size: cover;
	background-position: center;
	padding: 95px 0px;
	padding: 180px 0px;
	color: #fff;
	z-index: 1;
	position: relative;
	background-attachment: fixed;
}
.products-list-banner {
	background: url("../images/products-banner.jpg") no-repeat;
/*
	background-size: cover;
	background-position: center;
	padding: 95px 0px;
	padding: 180px 0px;
	color: #fff;
	z-index: 1;
	position: relative;
	background-attachment: fixed;
*/
}
.page-title:after,.products-banner:after {
	position: absolute;
	content: "";
	top: 0px;
	left: 0px;
	right: 0px;
	height: 100%;
	background: rgba(0, 0, 0, .3);/**/
	z-index: -1;
}
.ad-title{
	color: #FFFFFF;
}
.ad-title h2, .ad-title h2 span{
	color: #FFFFFF;
/*	text-align: center;*/
	font-size: 3rem;
}
/*翻页样式*/
.metpager_1{ text-align:center;}
.metpager_2{ text-align:center;}
.metpager_3{ text-align:center;}

.digg4{ padding:3px; margin:3px; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.digg4 a,.digg4 span.miy{ margin:2px; text-decoration:none;}
.digg4 .disabledfy{ font-family: Tahoma, Verdana;}

.metpager_4 a,.metpager_4 span.miy{ border:1px solid #aaaadd; padding:2px 5px 2px 5px; color:#009;}
.metpager_4 a:hover { border:1px solid #009; color:#000;}
.metpager_4 a:active {border:1px solid #009; color:#000;}
.metpager_4 span.current { border:1px solid #009; background-color:#009; padding:2px 5px 2px 5px; margin:2px; color:#FFFFFF; text-decoration:none;}
.metpager_4 span.disabled { border:1px solid #eee; padding:2px 5px 2px 5px; margin:2px; color:#ddd;}

.metpager_5 a,.metpager_5 span.miy{ border:1px solid #ccdbe4; padding:2px 8px 2px 8px; color:#0061de; }
.metpager_5 a:hover { border:1px solid #2b55af; color:#fff; background-color:#3666d4;}
.metpager_5 a:active {border:1px solid #009; color:#000;}
.metpager_5 span.current { padding:2px 8px 2px 8px; margin:2px; color:#000; text-decoration:none;}
.metpager_5 span.disabled { border:1px solid #ccdbe4; padding:2px 8px 2px 8px; margin:2px; color:#ddd;}

.metpager_6{ color:#ff6500; }
.metpager_6 a,.metpager_6 span.miy{ border:1px solid  #ff9600; padding:2px 7px 2px 7px; background-position:50% bottom; color:#ff6500; background-image:url(../images/page/page6.jpg);}
.metpager_6 a:hover { border:1px solid #ff9600; color:#ff6500; background-color:#ffc794;}
.metpager_6 a:active {border:1px solid #ff9600; color:#ff6500; background-color:#ffc794;}
.metpager_6 span.current {border:1px solid #ff6500; padding:2px 7px 2px 7px; margin:2px; color:#ff6500; background-color:#ffbe94; text-decoration:none;}
.metpager_6 span.disabled { border:1px solid #ffe3c6; padding:2px 7px 2px 7px; margin:2px; color:#ffe3c6;}

.metpager_7 a,.metpager_7 span.miy{ border:1px solid  #2c2c2c; padding:2px 5px 2px 5px; background:url(../images/page/page7.gif) #2c2c2c; color:#fff;}
.metpager_7 a:hover { border:1px solid #aad83e; color:#fff;background:url(../images/page/page7_2.gif) #aad83e;}
.metpager_7 a:active { border:1px solid #aad83e; color:#fff;background:url(../images/page/page7_2.gif) #aad83e;}
.metpager_7 span.current {border:1px solid #aad83e; padding:2px 5px 2px 5px; margin:2px; color:#fff;background:url(../images/page/page7_2.gif) #aad83e; text-decoration:none;}
.metpager_7 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;}

.metpager_8 a,.metpager_8 span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; color:#aaa;}
.metpager_8 a:hover { border:1px solid #a0a0a0; }
.metpager_8 a:hover { border:1px solid #a0a0a0; }
.metpager_8 span.current {border:1px solid #e0e0e0; padding:2px 5px 2px 5px; margin:2px; color:#aaa; background-color:#f0f0f0; text-decoration:none;}
.metpager_8 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;}

.metpager_9 a,.metpager_9 span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; color:#88af3f; } 
.metpager_9 a:hover { border:1px solid #85bd1e; color:#638425; background-color:#f1ffd6; } 
.metpager_9 a:hover { border:1px solid #85bd1e; color:#638425; background-color:#f1ffd6; } 
.metpager_9 span.current {border:1px solid #b2e05d; padding:2px 5px 2px 5px; margin:2px; color:#fff; background-color:#b2e05d; text-decoration:none;} 
.metpager_9 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;} 

.mainOdds {
    /*background: #f2f2f2;*/
    padding: 45px 0;
    overflow: hidden;
}
.mainOdds .odds {
    height: 445px;
    height: 521px;
    margin-top: 40px;
    background: url(../images/ysbj.jpg) no-repeat;
}
.mainOdds .od {
    width: 230px;
    height: 190px;
    padding: 23px 20px 0;
    float: left;
}
.top-search input.form-control{
	background-color: #FFFFFF;
}
/*导航自定义*/
/* Navbar
=================================*/
.navbar {
  position: relative;
  min-height: 45px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
nav.navbar.bootsnav{
    margin-bottom: 0;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    background-color: #0066cc;
    border: none;

    z-index: 9;
}

nav.navbar.bootsnav ul.nav > li > a{
    color: #6f6f6f;
	color: #fff;
    background-color: transparent !important;
}

nav.navbar.bootsnav ul.nav li.megamenu-fw > a:hover,
nav.navbar.bootsnav ul.nav li.megamenu-fw > a:focus,
nav.navbar.bootsnav ul.nav li.active > a:hover,
nav.navbar.bootsnav ul.nav li.active > a:focus,
nav.navbar.bootsnav ul.nav li.active > a{
    background-color: transparent;
}

nav.navbar.bootsnav .navbar-toggle{
    background-color: #fff !important;
    border: none;
    padding: 0;
    font-size: 18px;
    position: relative;
    top: 5px;
}

nav.navbar.bootsnav ul.nav .dropdown-menu .dropdown-menu{
    top: 0;
    left: 100%;
}

nav.navbar.bootsnav ul.nav ul.dropdown-menu > li > a{
    white-space:normal;
}


ul.menu-col{
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.menu-col li a{
    color: #6f6f6f;
}

ul.menu-col li a:hover,
ul.menu-col li a:focus{
    text-decoration: none;
}

@media (min-width: 1024px) {
    /* General Navbar
    =================================*/
    nav.navbar.bootsnav ul.nav .dropdown-menu .dropdown-menu{
        margin-top: -2px;
    }

    nav.navbar.bootsnav ul.nav.navbar-right .dropdown-menu .dropdown-menu{
        left: -200px;
    }
    
    nav.navbar.bootsnav ul.nav > li > a{
        padding: 12px 50px 12px 0px;
        font-weight: 600;
    }
    
    nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{
        font-family: 'FontAwesome';
        content: "\f0d7";
        margin-left: 5px;
        margin-top: 2px;
    }
    
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu{
        -moz-box-shadow: 0px 0px 0px;
        -webkit-box-shadow: 0px 0px 0px;
        -o-box-shadow: 0px 0px 0px;
        box-shadow: 0px 0px 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        -o-border-radius: 0px;
        border-radius: 0px;
        padding: 0;
        width: 200px;
        background: #fff;
        border: solid 1px #e0e0e0;
        border-top: solid 5px;
    }
    
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover,
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover{
        background-color: transparent;
    }
    
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a{
        padding: 10px 15px;
        border-bottom: solid 1px #eee;
        color: #6f6f6f;
    }
    
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li:last-child > a{
        border-bottom: none;
    }
    
    nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a{
        text-align: right;
    }
    
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:before{
        font-family: 'FontAwesome';
        float: right;
        content: "\f105";
        margin-top: 0;
    }
    
    nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:before{
        font-family: 'FontAwesome';
        float: left;
        content: "\f104";
        margin-top: 0;
    }
    
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu ul.dropdown-menu{
        top: -3px;
    }
    
    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content{
        padding: 0 15px !important;
    }
    
    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content > li{
       padding: 25px 0 20px;
    }
    
    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content.tabbed{
        padding: 0;
    }
    
    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content.tabbed > li{
        padding: 0;
    }
    
    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu{
        padding: 0 30px;
        margin: 0 -0.5px;
        border-left: solid 1px #f0f0f0;
        border-right: solid 1px #f0f0f0;
    }
    
    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu:first-child{
        border-left: none;
    }
    
    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu:last-child{
        border-right: none;
    }
    
    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content{
        display: none;
    }
    
    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a{
        text-align: left;
        padding: 5px 0;
        display: block;
        width: 100%;
        margin-bottom: 0;
        border-bottom: none;
        color: #6f6f6f;
    }
    
    nav.navbar.bootsnav.on ul.dropdown-menu.megamenu-content .content{
        display: block !important;
        height: auto !important;
    }
    
    /* Navbar Transparent
    =================================*/  
    nav.navbar.bootsnav.no-background{
        background-color: transparent;
        border: none;
    }
    
    nav.navbar.bootsnav.navbar-transparent .attr-nav{
        padding-left: 15px;
        margin-left: 30px;
    }
    
    nav.navbar.bootsnav.navbar-transparent.white{
        background-color: rgba(255,255,255,0.3);
        border-bottom: solid 1px #bbb;
    }
    
    nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark,
    nav.navbar.bootsnav.navbar-transparent.dark{
        background-color: rgba(0,0,0,0.3);
        border-bottom: solid 1px #555;
    }
    
    nav.navbar.bootsnav.navbar-transparent.white .attr-nav{
        border-left: solid 1px #bbb;
    }
    
    nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark .attr-nav,
    nav.navbar.bootsnav.navbar-transparent.dark .attr-nav{
        border-left: solid 1px #555;
    }
    
    nav.navbar.bootsnav.no-background.white .attr-nav > ul > li > a,
    nav.navbar.bootsnav.navbar-transparent.white .attr-nav > ul > li > a,
    nav.navbar.bootsnav.navbar-transparent.white ul.nav > li > a,
    nav.navbar.bootsnav.no-background.white ul.nav > li > a{
        color: #e1e1e1;
    }
    
    nav.navbar.bootsnav.navbar-transparent.dark .attr-nav > ul > li > a,
    nav.navbar.bootsnav.navbar-transparent.dark ul.nav > li > a{
        color: #eee;
    }
    
    nav.navbar.bootsnav.navbar-fixed.navbar-transparent .logo-scrolled,
    nav.navbar.bootsnav.navbar-fixed.no-background .logo-scrolled{
        display: none;
    }

    nav.navbar.bootsnav.navbar-fixed.navbar-transparent .logo-display,
    nav.navbar.bootsnav.navbar-fixed.no-background .logo-display{
        display: block;
    }

    nav.navbar.bootsnav.navbar-fixed .logo-display{
        display: none;
    }

    nav.navbar.bootsnav.navbar-fixed .logo-scrolled{
        display: block;
    }
    
    /* Atribute Navigation
    =================================*/    
    .attr-nav > ul > li.dropdown ul.dropdown-menu{
        margin-top: 0;
        margin-left: 55px;
        width: 250px;
        left: -250px;
    }
    
    /* Menu Center
    =================================*/
    nav.navbar.bootsnav.menu-center .container{
        position: relative;
    }
    
    nav.navbar.bootsnav.menu-center ul.nav.navbar-center{
        float:none;
        margin: 0 auto;
        display: table;
        table-layout: fixed;
    }
    
    nav.navbar.bootsnav.menu-center .navbar-header,
    nav.navbar.bootsnav.menu-center .attr-nav{
        position: absolute;
    }
    
    nav.navbar.bootsnav.menu-center .attr-nav{
        right: 15px;
    }
    
    /* Navbar Brand top
    =================================*/
	.navbar-collapse{
		padding-left: 0;padding-right: 0;
	}
    nav.bootsnav.navbar-brand-top .navbar-header{
        display: block;
        width: 100%;
        text-align: center;
    }
    
    nav.bootsnav.navbar-brand-top ul.nav > li.dropdown > ul.dropdown-menu{
        margin-top: 2px;
    }
    
    nav.bootsnav.navbar-brand-top ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu{
        margin-top: 0;
    }
    
    nav.bootsnav.navbar-brand-top .navbar-header .navbar-brand{
        display: inline-block;
        float: none;
        margin: 0;
    }
    
    nav.bootsnav.navbar-brand-top .navbar-collapse{
        text-align: center;
    }
    
    nav.bootsnav.navbar-brand-top ul.nav{
        display: inline-block;
        float: none;
        margin: 0 0 -5px 0;
    }
    
    /* Navbar Center
    =================================*/
    nav.bootsnav.brand-center .navbar-header{
        display: block;
        width: 100%;
        position: absolute;
        text-align: center;
        top: 0;
        left: 0;
    }
    
    nav.bootsnav.brand-center .navbar-brand{
        display: inline-block;
        float: none;
    }
    
    nav.bootsnav.brand-center .navbar-collapse{
        text-align: center;
        display: inline-block;
        padding-left: 0;
        padding-right: 0;
    }
    
    nav.bootsnav.brand-center ul.nav > li.dropdown > ul.dropdown-menu{
        margin-top: 2px;
    }
    
    nav.bootsnav.brand-center ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu{
        margin-top: 0;
    }
    
    nav.bootsnav.brand-center .navbar-collapse .col-half{
        width: 50%;
        float: left;
        display: block;
    }
    
    nav.bootsnav.brand-center .navbar-collapse .col-half.left{
        text-align: right;
        padding-right: 100px;
    }
    
    nav.bootsnav.brand-center .navbar-collapse .col-half.right{
        text-align: left;
        padding-left: 100px;
    }
    
    nav.bootsnav.brand-center ul.nav{
        float: none !important;
        margin-bottom: -5px !important;
        display: inline-block !important;
    }
    
    nav.bootsnav.brand-center ul.nav.navbar-right{
        margin: 0;
    }
    
    nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.left{
        text-align: left;
        padding-right: 100px;
    }
    
    nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.right{
        text-align: right;
        padding-left: 100px;
    }
    
    /* Navbar Sidebar
    =================================*/
    body.wrap-nav-sidebar .wrapper{
        padding-left: 260px; 
        overflow-x: hidden;
    }

    nav.bootsnav.navbar-sidebar{
        position: fixed;
        width: 260px;
        overflow: hidden;
        left: 0;
        padding: 0  0 0 0 !important;
        background: #fff;
        -moz-box-shadow: 1px 0px 1px 0px #eee;
        -webkit-box-shadow: 1px 0px 1px 0px #eee;
        -o-box-shadow: 1px 0px 1px 0px #eee;
        box-shadow: 1px 0px 1px 0px #eee;
    }  
    
    nav.bootsnav.navbar-sidebar .scroller{
        width: 280px;
        overflow-y:auto;
        overflow-x: hidden;
    }

    nav.bootsnav.navbar-sidebar .container-fluid,
    nav.bootsnav.navbar-sidebar .container{
        padding: 0 !important;
    }

    nav.bootsnav.navbar-sidebar .navbar-header{
        float: none;
        display: block;
        width: 260px;
        padding: 10px 15px;
        margin: 10px 0 0 0 !important;
    }
    
    nav.bootsnav.navbar-sidebar .navbar-collapse{
        padding: 0 !important;
        width: 260px;
    }

    nav.bootsnav.navbar-sidebar ul.nav{
        float: none;
        display: block;
        width: 100%;
        padding: 0 15px !important;
        margin: 0 0 30px 0;
    }

    nav.bootsnav.navbar-sidebar ul.nav li{
        float: none !important;
    }
    
    nav.bootsnav.navbar-sidebar ul.nav > li > a{
        padding: 10px 15px;
        font-weight: bold;
    }
    
    nav.bootsnav.navbar-sidebar ul.nav > li.dropdown > a:after{
        float: right;
    }
    
    nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu{
        left: 100%;
        top: 0;
        position: relative !important;
        left: 0 !important;
        width: 100% !important;
        height: auto !important;
        background-color: transparent;
        border: none !important;
        padding: 0;
        -moz-box-shadow: 0px 0px 0px;
        -webkit-box-shadow: 0px 0px 0px;
        -o-box-shadow: 0px 0px 0px;
        box-shadow: 0px 0px 0px;
    }
    
    nav.bootsnav.navbar-sidebar ul.nav .megamenu-content .col-menu{
        border: none !important;
    }
    
    nav.bootsnav.navbar-sidebar ul.nav > li.dropdown > ul.dropdown-menu{
        margin-bottom: 15px;
    }
    
    nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu{
        padding-left: 0;
        float: none;
        margin-bottom: 0;
    }
    
    nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a{
        padding:  5px 15px;
        color: #6f6f6f;
        border: none;
    }
    
    nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu ul.dropdown-menu{
        padding-left: 15px;
        margin-top: 0;
    }
    
    nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li.dropdown > a:before{
        font-family: 'FontAwesome';
        content: "\f105";
        float: right;
    }
    
    nav.bootsnav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on > a:before{
        content: "\f107";
    }
    
    nav.bootsnav.navbar-sidebar ul.dropdown-menu.megamenu-content > li{
        padding: 0 !important;
    }
        
    nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu{
        display: block;
        float: none !important;
        padding: 0;
        margin: 0;
        width: 100%;
    }
    
    nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title{
        padding: 7px 0;
        text-transform: none;
        font-weight: 400;
        letter-spacing: 0px;
        margin-bottom: 0;
        cursor: pointer;
        color: #6f6f6f;
    }
    
    nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title:before{
        font-family: 'FontAwesome';
        content: "\f105";
        float: right;
    }
    
    nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title:before{
        content: "\f107";
    }
    
    nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu{
        border: none;
    }
    
    nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .content{
        padding: 0 0 0 15px;
    }
    
    nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu ul.menu-col li a{
        padding: 3px 0 !important;
    }
}


.topsearch{
	padding-bottom: 15px;
}
.topsearch .form-inline .form-group{
    display: block;
}
.topsearch .form-control{
    width:70%;
    height: 30px;
    background-color: #FFFFFF;
/*    border-color:#333333;*/
    display: inline-block;
}
.topsearch .btn{
    width: 10%;
    padding: 0.65rem 1.2rem;
	padding: 0.26rem;
    background-color: #0066cc;
    border-color:#0066cc;
    color:#fff;
    border-radius: 0;
    margin-left:-4px;
    display: inline-block;
}
.relatedTitle{
/*	max-width:100px;*/
/*	margin: 0 auto;*/
	margin-bottom: 10px;
/*	text-align: center;*/	
}
.relatedTitle h3 {
  font-size: 1.6rem;
  color: #0066cc;
  text-transform: uppercase;
/*  font-weight: 700;*/
  position: relative;
  padding-bottom: 10px;
  padding-top: 20px;
  /* display: inline-block; */
/*  text-align: center;*/
}
.relatedTitle h3::before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 3px;
  bottom: 0;
  left: 0;
  border-top: #ccc solid 1px;
  right: 0;
/*  text-align: center;*/
/*  margin: 0 auto;*/
}

.Pro-detail-Title{
	margin-bottom: 20px;
}
.Pro-detail-Title h3 {
  font-size: 1.5rem;
  color: #0066cc;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 10px;
  padding-top: 20px;
  font-weight: 700;
}
.Pro-detail-Title h3::before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 3px;
  bottom: 0;
  left: 0;
  border-top: #ccc solid 1px;
  right: 0;
}
.topcompany{
	color: #0066CC; font-weight: 700;font-size: 3rem; margin-top: 40px; margin-bottom: 40px;
}